.home {
    padding: 50px;
    background-color: #f1f1f1;

    .top-header {
        display: flex;
        justify-content: space-between;

        .antd-mobile-icon {
            color: #1677ff;
            transform: rotate(-90deg);
        }
    }

    .wel {
        margin-top: 100px;
        height: 600px;
        background: #2E57FF;
        box-shadow: 0px 39px 87px 0px rgba(46, 87, 255, 0.2);
        border-radius: 80px;
        padding: 50px;
        box-sizing: border-box;

        .b {
            display: flex;

            .left {
                width: 402px;

                img {
                    width: 100%;
                }
            }

            .right {
                flex: 1;
                padding-top: 200px;

                ul {
                    display: flex;
                    justify-content: center;
                    color: #fff;
                }

                .t {
                    li {
                        &:first-child {
                            padding-right: 50px;
                            border-right: 1px solid #fff;
                        }

                        &:last-child {
                            padding-left: 50px;
                        }
                    }
                }

                .b {
                    text-align: center;

                    li {
                        padding: 60px;
                    }

                    .num {
                        font-size: 72px;
                        font-family: NotoSansHans;
                        font-weight: bold;
                        color: #FFC837;
                        line-height: 100px;
                    }
                }
            }
        }
    }

    .subjects {
        padding-bottom: 60px;
    }
}